import React from 'react'
import ReactDOM from 'react-dom'
// react组件定义的方式一
//     函数式组件 ---- 无状态组件 （暂时的）
// 无状态组件： 组件自身没有状态，数据来源于 父组件
// 数据依赖于从 函数的默认参数值 props 中提取
const App = function (props) {
  return <h1>hello world, 您好 - { props.name }</h1>
}
// ？函数的形式
// const App = (props) => { return <h1>hello world, 您好 - { props.name }</h1>}
// function App (props) { return <h1>hello world, 您好 - { props.name }</h1>}
ReactDOM.render(
  // 类似vue一样，在调用组件的时候可以添加自定义的属性
  // A组件向B组件传值
  <App name="TY2102"/>,
  document.getElementById('root')
)

// react的语法，其实大部分就是  js的语法，在需要解析的位置添加{}
// 除了函数式组件写法，还有什么写法。